<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>">
<meta name="title" content="<?php if(is_home()){bloginfo('name');}else{wp_title('');} ?>">
<meta http-equiv="Content-Language" content="es-ES"/>
<title><?php if(is_home()){bloginfo('name');}else{wp_title('');}?></title>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/estilos.css">
<?php wp_head();?>
<?php if (class_exists('WPMinify')) : ?>
<!-- WP-Minify JS -->
<!-- WP-Minify CSS -->
<?php endif; ?>
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico">
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			$("#various2").fancybox({
				'width'				: '55%',
				'height'			: '56%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

		});
	</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<style>
  article, aside, details, figcaption, figure, footer, header,
  hgroup, menu, nav, section { display: block; }
</style>
<![endif]-->
</head>

<body>
<div id="wrapper">
    <div id="page">
        <header id="header">
        <div id="logo"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" width="202" height="130" alt="BuyIPlan logo"></div><!--logo-->
        <div class="ciudad"><a id="various2" href="ciudades.html">Barcelona</a></div>
          <div id="toptop">
                <div class="toptop-content">
                    <nav id="menu-toptop">
                        <ul>
                          <li class="first"><a href="preguntas-frecuentes">Preguntas frecuentes</a></li>
                          <li class="last"><a href="contacto">Contacto</a></li>
                        </ul>
                    </nav>
                    <section id="login">
                        <div class="boton"><a href="#">Mi cuenta</a></div><!--boton-->
                        <div class="boton"><a href="#">Regístrate <strong>Gratis!</strong></a></div><!--boton-->
                    </section><!--login-->
                    <div class="clear"></div><!--clear-->
                </div><!--toptop-content-->
            </div><!--toptop-->
            <nav id="main-menu">
                    <ul><span></span>
                      <li class="first"><a <?php echo $nav['planes']?'class="active"':''?> href="#">Planes de hoy</a></li>
                      <li><a <?php echo $nav['productos-exclusivos']?'class="active"':''?> href="#">Productos exclusivos</a></li>
                      <li><a <?php echo $nav['ofertas-permanentes']?'class="active"':''?> href="#">Ofertas permanentes</a></li>
                      <li class="last"><a <?php echo $nav['como-funciona']?'class="active"':''?> href="como-funciona">¿Cómo funciona?</a></li>
                    </ul>
            </nav>
        </header>


